<ion-content>
    <ion-slides class="banner-slide" [autoplay]="3000" [loop]="true" *ngIf="banners && banners.length">
        <ion-slide *ngFor="let banner of banners" (click)="url.jumpUrl(banner.link)">
            <img [src]="config.imageUrl+banner.picture" alt="">
        </ion-slide>
    </ion-slides>
    <div class="content">
        <div padding class="navigate">
            <ul class="flex flex-line-around item-list">
                <li (click)="goPage('InformationPage',{nav_id:3})">
                    <img src="assets/imgs/icon-1.png" alt="">
                    信息大厅
                </li>
                <li>
                    <img src="assets/imgs/icon-2.png" alt="" (click)="goPage('TaskPage')">
                    任务大厅
                </li>
                <li>
                    <img src="assets/imgs/icon-3.png" alt="" (click)="goPage('ServicePage')">
                    服务大厅
                </li>
                <li>
                    <img src="assets/imgs/icon-4.png" alt="" (click)="pageRedirect('MoneyPage',{backPage:'MoneyPage'})">
                    我的钱包
                </li>
            </ul>
        </div>
        <div padding-horizontal class="marquee flex" *ngIf="notices && notices.length">
            <span class="marquee-icon">
                <ion-icon ios="ios-volume-up" md="md-volume-up"></ion-icon>
            </span>
            <ion-slides class="text-slide" [autoplay]="3000" [loop]="true" direction="vertical">
                <ion-slide *ngFor="let notice of notices"  (click)="url.jumpUrl(notice.link) ">
                    <p text-left>{{notice.ad_name}}</p>
                </ion-slide>
            </ion-slides>
        </div>
        <div padding-left padding-right padding-top class="hot-commend" *ngIf="commends && commends.length">
            <h5>热门推荐</h5>
            <!-- <ion-slides class="commend-slide" [slidesPerView]="'auto'" spaceBetween="3">
                <ion-slide class="width-auto" *ngFor="let commend of commends" (click)="goPage(commend.link) ">
                    <img [src]="util.parseImageUrl(commend.picture)" alt="">
                </ion-slide>
            </ion-slides> -->
            <div class="flex flex-line-between ht-100">
                <div class="ht-33 margin-odd-5" *ngFor="let commend of commends" (click)="goPage(commend.link) ">
                    <img [src]="util.parseImageUrl(commend.picture)" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="module-list">
        <div padding class="module">
            <h5>发布信息</h5>
            <div class="item-list flex-1">
                <ul class="flex">
                    <li (click)="pageRedirect('InformationPage', {nav_id: 3})">
                        <img src="assets/imgs/icon-publish-01.png" alt="">招聘
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 37})">
                        <img src="assets/imgs/icon-publish-02.png" alt="">求职
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 2})">
                        <img src="assets/imgs/icon-publish-03.png" alt="">门店求转
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 1})">
                        <img src="assets/imgs/icon-publish-04.png" alt="">门店出转
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 40})">
                        <img src="assets/imgs/icon-publish-05.png" alt="">二手出售
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 41})">
                        <img src="assets/imgs/icon-publish-06.png" alt="">二手求购
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 43})">
                        <img src="assets/imgs/icon-publish-07.png" alt="">求包
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 42})">
                        <img src="assets/imgs/icon-publish-08.png" alt="">出包
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 53})">
                        <img src="assets/imgs/icon-publish-09.png" alt="">求兼职
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 48})">
                        <img src="assets/imgs/icon-publish-10.png" alt="">求小时工
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 47})">
                        <img src="assets/imgs/icon-publish-11.png" alt="">求顶岗
                    </li>
                    <li (click)="pageRedirect('InformationPage', {nav_id: 44})">
                        <img src="assets/imgs/icon-publish-12.png" alt="">其他
                    </li>
                </ul>
            </div>
        </div>
        <!--<div padding class="module">
            <h5>发布任务</h5>
            <div class="item-list flex-1">
                <ul class="flex">
                    <li>
                        <img src="assets/imgs/icon-task-01.png" alt="">招人
                    </li>
                    <li>
                        <img src="assets/imgs/icon-task-02.png" alt="">门店出转
                    </li>
                    <li>
                        <img src="assets/imgs/icon-task-03.png" alt="">门店求转
                    </li>
                    <li>
                        <img src="assets/imgs/icon-task-04.png" alt="">找工作
                    </li>
                    <li>
                        <img src="assets/imgs/icon-task-05.png" alt="">小时工
                    </li>
                    <li>
                        <img src="assets/imgs/icon-task-06.png" alt="">顶岗
                    </li>
                </ul>
            </div>
        </div>-->
        <!--<div padding class="module">-->
            <!--<div class="ask title flex">有事就问<br>（悬赏）</div>-->
            <!--<div class="item-list flex-1">-->
                <!--<ul class="flex">-->
                    <!--<li>-->
                        <!--<img src="assets/imgs/icon-wytw.png" alt="">我要提问-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<img src="assets/imgs/icon-wyhd.png" alt="">我要回答-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</div>-->
        <!--</div>-->
        <div padding class="module">
            <h5>开店服务</h5>
            <div class="item-list flex-1">
                <ul class="flex">
                    <li [navPush]="'StoreGuidePage'">
                        <img src="assets/imgs/icon-shop-01.png" alt="">开店指南
                    </li>
                    <li  [navPush]="'ServiceAgencyPage'">
                        <img src="assets/imgs/icon-shop-02.png" alt="">代办
                    </li>
                    <li (click)="goStores()">
                        <img src="assets/imgs/icon-shop-03.png" alt="">门店库
                    </li>
                    <li (click)="goTalentPool()">
                        <img src="assets/imgs/icon-shop-04.png" alt="">人才库
                    </li>
                    <!--<li>-->
                        <!--<a href="https://b2b.taoxiansheng.com"><img src="assets/imgs/icon-shop-05.png" alt="">统采统购</a>-->
                    <!--</li>-->
                    <!-- <li (click)="goNull()">
                        <img src="assets/imgs/icon-shop-06.png" alt="">门店代理
                    </li> -->
                </ul>
            </div>
        </div>
        <div padding class="module">
            <h5>餐饮生活</h5>
            <div class="item-list flex-1">
                <ul class="flex">
                    <li (click)="goPage('ServiceBbsPage')">
                        <img src="assets/imgs/icon-service-01.png" alt="">论坛
                    </li>
                    <li (click)="goPage('ServiceStoryPage')">
                        <img src="assets/imgs/icon-service-02.png" alt="">餐饮故事
                    </li>
                    <li (click)="goPage('ServiceInformationPage')">
                        <img src="assets/imgs/icon-service-03.png" alt="">前沿资讯
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div padding class="article" *ngIf="operates && operates.length">
        <h5>操作指南</h5>
        <ul>
            <li *ngFor="let operate of operates" (click)="goPage('OperationDetailPage',{id:operate.amoy_id})">
                {{operate.title}}
                <span><img src="assets/imgs/sanjiao.png"></span>
            </li>
            <li style="color: #f29700;text-align:right;padding-right:5px;" (click)="goPage('OperationPage')"> 查看更多>></li>
        </ul>
    </div>
</ion-content>
<ion-footer>
    <tabs [page]="'home'"></tabs>
</ion-footer>
<layer-msg #layer [msg]="msg"></layer-msg>

